// stores/counter.js
import { defineStore } from "pinia";
/**
 * 主题
 */

export const themePinia = defineStore("theme", () => {
  // 主题字段

  const GlobalTextColor = "#fac858";

  const MainBackGroundColor = "#f5f5f5";

  const LogoColor = "#fac858";

  const HeaderBackgroundColor = "#333";
  const HeaderTextColor = "#fff";
  const HeaderBorderBottomColor = "#37b2ff";

  const MenuBackgroundColor = "#111";
  const MenuTextColor = "#fff";
  const MenuTextActiveColor = "#fac858";

  // el-col 颜色
  const gridContentBackgroundColor = "#fff";

  // echarts
  const EchartsBoxBackgroundColor = "#fff";
  const EchartsBoxChildrenBackgroundColor = "#f8f8f8";
  const EchartsBoxChildrenTextColor = "#333";

  // el-input
  const ElinputBackgroundColor = "transparent";
  const ElinputBorderColor = "#d5d5d5";
  const ElinputTextColor = "#333";
  const ElinputHoverColor="#fac858"
  const ElinputOpacity = 1;

  // el-button type
  const ElButtonType="warning"

  // el-table
  const TableListColor="#fff"

  // el-pagination
  const PaginationBackgroundColor="#fff"
  const PaginationActiveBackgroundColor="#e6a23c"

  return {
    MenuBackgroundColor,
    MenuTextColor,
    MenuTextActiveColor,
    HeaderBackgroundColor,
    HeaderTextColor,
    HeaderBorderBottomColor,
    MainBackGroundColor,
    LogoColor,
    gridContentBackgroundColor,
    GlobalTextColor,
    EchartsBoxBackgroundColor,
    EchartsBoxChildrenBackgroundColor,
    EchartsBoxChildrenTextColor,
    ElinputBorderColor,
    ElinputBackgroundColor,
    ElinputTextColor,
    ElinputOpacity,
    ElinputHoverColor,
    ElButtonType,
    TableListColor,
    PaginationBackgroundColor,
    PaginationActiveBackgroundColor
  };
});
